<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Page Title -->
    <title>About | Spyre - Slick contemporary multipurpose theme</title>

    <!-- Favicons -->
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="../assets/img/favicons/site.webmanifest">
    <link rel="mask-icon" href="../assets/img/favicons/safari-pinned-tab.svg" color="#f23838">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- Vendor Stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,700%7CRoboto:300,400,700" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/material-design-iconic-font/dist/css/material-design-iconic-font.min.css" rel="stylesheet">

    <!-- Theme Stylesheets -->
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/dist/css/theme.min.css" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-129313359-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-129313359-1');
    </script>
</head>

<body>
<!-- Preloader -->
<div class="preloader">
    <div class="spinner">
        <div class="circles"></div>
    </div>
</div>
<!-- End of Preloader -->


<!-- Header -->
<header class="spyre-navbar navbar navbar-expand-lg bg-secondary navbar-dark fixed-top align-items-center" data-transparent data-text-color="#ffffff">
    <div class="container">
        <a class="navbar-brand mr-lg-5 mr-xl-7" href="index.html">
            <img src="../assets/img/logo.svg" class="d-none d-lg-block" alt="Spyre" width="183" />
            <img src="../assets/img/logo.svg" class="d-block d-lg-none" alt="Spyre" width="150" />
        </a>

        <span class="navbar-text flex-fill d-none d-md-inline-block text-white">
                    Contact us: <a href="#" class="pl-2 text-white">info@spyre.com</a><a href="#" class="pl-5 text-white">+1-202-555-0149</a>
                </span>

        <div class="search d-none d-lg-flex justify-content-end ml-auto mr-2">
            <input class="form-control mr-2" type="text">
            <i class="zmdi zmdi-search"></i>
        </div>

        <div class="menu-toggle">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="cross">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <!-- Spyrenav Overlay -->
    <div class="spyre-navbar-overlay overlay-slide">
        <div class="container">
            <div class="row">
                <div class="spyre-navbar-nav-container col-md-6 col-lg-5 col-xl-4 bg-white ext-l">
                    <nav class="spyre-navbar-nav">
                        <ul class="spyre-nav">
                            <li class="spyre-nav-item"><a href="index.html" class="spyre-nav-link">Overview</a></li>
                            <li class="spyre-nav-item dropdown">
                                <a href="#" class="spyre-nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <li class="dropdown-menu-item"><a href="home.html" class="dropdown-menu-link">Homepage</a></li>
                                    <li class="dropdown-menu-item"><a href="services.html" class="dropdown-menu-link">Services</a></li>
                                    <li class="dropdown-menu-item"><a href="blog.html" class="dropdown-menu-link">Blog</a></li>
                                    <li class="dropdown-menu-item"><a href="blog-single.html" class="dropdown-menu-link">Blog single</a></li>
                                    <li class="dropdown-menu-item"><a href="portfolio.html" class="dropdown-menu-link">Portfolio</a></li>
                                    <li class="dropdown-menu-item active"><a href="about.html" class="dropdown-menu-link">About</a></li>
                                    <li class="dropdown-menu-item"><a href="contact.html" class="dropdown-menu-link">Contact</a></li>
                                    <li class="dropdown-menu-item"><a href="team.html" class="dropdown-menu-link">Team</a></li>
                                    <li class="dropdown-menu-item"><a href="faq.html" class="dropdown-menu-link">Faq</a></li>
                                    <li class="dropdown-menu-item"><a href="pricing.html" class="dropdown-menu-link">Pricing</a></li>
                                    <li class="dropdown-menu-item"><a href="careers.html" class="dropdown-menu-link">Careers</a></li>
                                    <li class="dropdown-menu-item"><a href="careers-single.html" class="dropdown-menu-link">Careers single</a></li>
                                    <li class="dropdown-menu-item"><a href="coming-soon.html" class="dropdown-menu-link">Coming soon</a></li>
                                    <li class="dropdown-menu-item"><a href="404.html" class="dropdown-menu-link">404</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-in.html" class="dropdown-menu-link">Sign In</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-up.html" class="dropdown-menu-link">Sing Up</a></li>
                                    <li class="dropdown-menu-item"><a href="recover-account.html" class="dropdown-menu-link">Recover account</a></li>
                                </ul>
                            </li>
                            <li class="spyre-nav-item"><a href="https://spyre-theme.bitbucket.io/v1.2.0/docs/animations.html" class="spyre-nav-link">Components</a></li>
                            <li class="spyre-nav-item"><a href="../docs/index.html" class="spyre-nav-link">Docs</a></li>
                            <li class="spyre-nav-item"><a href="https://themes.getbootstrap.com/product/spyre-slick-contemporary-multipurpose-theme" target="_blank" class="spyre-nav-link">Purchase</a></li>
                        </ul>
                    </nav>
                </div>

                <div class="col-lg-7 col-xl-8 d-none d-md-block">
                    <div class="d-flex flex-column h-100">
                        <div class="d-flex h-100">
                            <div class="align-self-center">
                                <div class="text-uppercase"
                                     data-background-text="communication"
                                     data-color="#7079a2"
                                     data-opacity="0.02"
                                     data-font-size="85px"
                                     data-font-weight="500"
                                     data-offset-x="-5%"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="planning"
                                     data-color="#7079a2"
                                     data-opacity="0.04"
                                     data-font-size="175px"
                                     data-font-weight="500"
                                     data-offset-x="29%"
                                     data-padding="7vh 0 2vh 0"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="delivering"
                                     data-color="#7079a2"
                                     data-opacity="0.03"
                                     data-font-size="140px"
                                     data-font-weight="500"
                                     data-offset-x="15%"
                                     data-letter-spacing="5px"
                                ></div>
                            </div>
                        </div>

                        <div class="mt-auto">
                            <ul class="nav flex-nowrap float-right">
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-twitter text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-instagram text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-facebook-box text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-pinterest text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-flickr text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-youtube text-white"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End of Spyrenav Overlay -->
</header>
<!-- End of Header -->


<!-- Main Content -->
<main class="main minh-100vh">
    <!-- Section -->
    <section class="py-0 overflow-hidden text-center">
        <div class="bg-container overlay parallax" data-rellax-percentage="0.5" style="background-image: url(../assets/img/backgrounds/bg-08.jpg)"></div>
        <div class="container">
            <div class="row h-100vh align-items-center">
                <div class="col">
                    <h1 class="text-white text-uppercase fs-4 fs-lg-6">About Us</h1>
                    <p class="fs-0 fs-lg-1 text-white">Aliquam mauris tempor vel posuere.</p>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="pb-0">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-6 mb-7 mb-lg-0">
                    <h3 class="my-0 fs-1 fw-medium text-secondary text-uppercase">About Us</h3>
                    <h2 class="mb-5 fw-medium text-primary text-uppercase">The company</h2>
                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis magna eu elit rutrum commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lobortis ipsum ex, vel tempus erat finibus at.</p>
                    <p>Etiam sit amet efficitur massa. Fusce eleifend nisi metus, ut tempor lectus ultrices ut. Donec et arcu a est hendrerit tristique. Aliquam maximus, leo a aliquet vulputate, orci diam congue ligula, at dictum sem velit id lectus. Nam eu elit dolor. Sed aliquet vestibulum urna. Sed tristique at libero id suscipit. Sed vehicula lectus ut velit placerat placerat. Praesent finibus enim feugiat neque cursus lacinia. Nullam sed mi augue. Duis nec arcu id ante posuere posuere.</p>
                    <a href="#" class="btn btn-primary btn-lg mt-4 px-6">Services<i class="zmdi zmdi-link ml-3"></i></a>
                </div>
                <div class="col-lg-4">
                    <img src="../assets/img/img-41.jpg" class="img-fluid w-100 mb-4 mb-lg-0" alt="" />
                    <img src="../assets/img/img-42.jpg" class="img-fluid w-100 ml-lg-neg-7 mt-lg-neg-9" alt="" />
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="pb-0">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h3 class="my-0 fs-1 fw-medium text-primary text-uppercase">Our</h3>
                    <h2 class="mb-5 fw-medium text-secondary text-uppercase">Clients</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-6 col-md-4 col-lg-2 mb-3">
                    <div class="bg-light p-3 d-flex square">
                        <img src="../assets/img/clients/logo-01.png" alt="" width="130" class="img-fluid d-flex align-self-center mx-auto" />
                    </div>
                </div>
                <div class="col-6 col-md-4 col-lg-2 mb-3">
                    <div class="bg-light p-3 d-flex square">
                        <img src="../assets/img/clients/logo-02.png" alt="" width="120" class="img-fluid d-flex align-self-center mx-auto" />
                    </div>
                </div>
                <div class="col-6 col-md-4 col-lg-2 mb-3">
                    <div class="bg-light p-3 d-flex square">
                        <img src="../assets/img/clients/logo-03.png" alt="" width="113" class="img-fluid d-flex align-self-center mx-auto" />
                    </div>
                </div>
                <div class="col-6 col-md-4 col-lg-2 mb-3">
                    <div class="bg-light p-3 d-flex square">
                        <img src="../assets/img/clients/logo-04.png" alt="" width="125" class="img-fluid d-flex align-self-center mx-auto" />
                    </div>
                </div>
                <div class="col-6 col-md-4 col-lg-2 mb-3">
                    <div class="bg-light p-3 d-flex square">
                        <img src="../assets/img/clients/logo-05.png" alt="" width="110" class="img-fluid d-flex align-self-center mx-auto" />
                    </div>
                </div>
                <div class="col-6 col-md-4 col-lg-2 mb-3">
                    <div class="bg-light p-3 d-flex square">
                        <img src="../assets/img/clients/logo-06.png" alt="" width="57" class="img-fluid d-flex align-self-center mx-auto" />
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section>
        <div class="container">
            <div class="row no-gutters justify-content-between">
                <div class="col-lg-6">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="bg-secondary text-white mb-4 px-5 pt-2 pb-5">
                                <div
                                        data-background-text="01"
                                        data-color="#ffffff"
                                        data-opacity="0.5"
                                        data-font-size="36px"
                                        data-font-weight="700"
                                        data-offset-x="-3.25rem"
                                ></div>
                                <h4 class="mb-4 fs-1 fw-medium text-uppercase">Online</h4>
                                <p class="mb-0 fs--1">Proin venttdio nunc, id fringilla augue luctus et. Mauris condimentum vehicula magna a vehicula. Cras ornare, ligula id semper fringilla, ex turpis aliquet ex, et maximus metus turpis a orci.</p>
                            </div>
                            <div class="bg-secondary text-white mb-4 px-5 pt-2 pb-5">
                                <div
                                        data-background-text="02"
                                        data-color="#ffffff"
                                        data-opacity="0.5"
                                        data-font-size="36px"
                                        data-font-weight="700"
                                        data-offset-x="-3.25rem"
                                ></div>
                                <h4 class="mb-4 fs-1 fw-medium text-uppercase">Web & Mobile</h4>
                                <p class="fs--1">Nunc lacus lectus, feugiat a fringilla in, volutpat eu felis. Nunc molestie id dui a sagittis.</p>
                                <p class="mb-0 fs--1">Nulla molestie, sapien eget dapibus imperdiet, urna orci faucibus enim, ac ultricies quam ligula quis ex malesuad sed aliquam et. Cras mollis, neque egestas fringilla mattis, lacus libero molestie.</p>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-5 mb-lg-0">
                            <div class="bg-secondary text-white mb-4 px-5 pt-2 pb-5">
                                <div
                                        data-background-text="03"
                                        data-color="#ffffff"
                                        data-opacity="0.5"
                                        data-font-size="36px"
                                        data-font-weight="700"
                                        data-offset-x="-3.25rem"
                                ></div>
                                <h4 class="mb-4 fs-1 fw-medium text-uppercase">Print & Identity</h4>
                                <p class="mb-0 fs--1">Sed vestibulum libero urna, a rhoncus sem vehicula sit amet. Integer scelerisque vel odio sit amet vehicula. Nullam odio tellus, maximus sit amet mauris ut, condimentum vestibulum mi. Maecenas eu nisl nec metus rutrum feugiat et vel mauris.</p>
                            </div>
                            <div class="bg-secondary text-white mb-4 px-5 pt-2 pb-5">
                                <div
                                        data-background-text="04"
                                        data-color="#ffffff"
                                        data-opacity="0.5"
                                        data-font-size="36px"
                                        data-font-weight="700"
                                        data-offset-x="-3.25rem"
                                ></div>
                                <h4 class="mb-4 fs-1 fw-medium text-uppercase">Marketing</h4>
                                <p class="mb-0 fs--1">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus ac sollicitudin leo, a cursus odio. Nam augue metus, auctor rutrum interdum nec urat.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <h3 class="my-0 fs-1 fw-medium text-secondary text-uppercase">References</h3>
                    <h2 class="mb-5 fw-medium text-primary text-uppercase">Our Work</h2>
                    <p class="mb-4">Maecenas a risus eget turpis aliquam porttitor. Fusce vestibulum hendrerit ipsum, id condimentum risus laoreet vitae. Aenean at nulla posuere, sodales arcu ut, ornare odio.</p>
                    <p class="mb-4">Proin at dignissim neque. Donec quis metus scelerisque, accumsan ante non, rutrum dolor. Pellentesque sit amet est eu dolor auctor placerat quis nec mi. Nam tempor porta mauris, et porttitor mauris venenatis vitae. Morbi vestibulum lorem in augue egestas.</p>
                    <p class="mb-4">Integer laoreet, ipsum non porttitor rutrum, mi enim accumsan ante, sit amet condimentum dui neque nec turpis. Phasellus cursus ipsum efficitur ante ultricies bibendum. Donec rutrum volutpat enim, ut tempor est ultricies sit amet. Vivamus et hendrerit neque.</p>
                    <p>Cras mollis, neque egestas fringilla mattis, lacus libero molestie nunc, et condimentum lorem erat id tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius orci sit amet nibh scelerisque, quis dapibus urna posuere. In hac habitasse platea dictumst. Proin convallis magna vel lectus blandit, rhoncus lacinia neque rhoncus. Nam lacinia elit vel vehicula porta.</p>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="py-6 bg-primary text-white">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-8">
                    <p class="mb-5 mb-lg-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vestibulum tellus ipsum, viverra urna blandit non. Interdum et malesuada fames ac ante ipsum primis.</p>
                </div>
                <div class="col-lg-4 text-center">
                    <a href="#" class="btn btn-lg bg-white text-primary px-6">Join Us<i class="zmdi zmdi-accounts-alt zmdi-hc-lg ml-3"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="text-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-7">
                    <h3 class="my-0 fs-1 fw-medium text-primary text-uppercase">Subscribe</h3>
                    <h2 class="mb-5 fw-medium text-secondary text-uppercase">Newsletter</h2>
                    <p class="mb-4">Cras dapibus erat ex, sed efficitur ligula interdum ut.</p>

                    <form class="form">
                        <div class="form-group mb-1">
                            <div class="row justify-content-center">
                                <div class="col-lg-8">
                                    <input type="text" class="form-control mb-3 mb-lg-2" placeholder="Email address">
                                </div>
                                <div class="col-8 col-lg-4">
                                    <button type="button" class="btn btn-primary btn-block">Subscribe<i class="zmdi zmdi-mail-send ml-2"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->
</main>
<!-- End of Main Content -->


<!-- Footer -->
<footer class="footer text-white" style="background-image: url(../assets/img/footer-bg.jpg)">
    <div class="container d-flex h-100">
        <div class="row flex-grow-1">
            <div class="col-lg-3 pt-3 ext-l bg-secondary text-center text-lg-left">
                <div class="d-flex flex-column h-100">
                    <div class="pt-5 pt-lg-8 pb-4">
                        <img src="../assets/img/logo-small.svg" alt="" width="92" class="mb-4" />
                        <p class="mb-4 mt-3 fs--1">New York, NY<br />
                            62 Birchpond St.<br />
                            Crystal Lake, NY 11762</p>

                        <p class="fs--1"><a href="#" class="text-white"><i class="zmdi zmdi-phone zmdi-hc-fw mr-1"></i>+1-202-555-0149</a><br />
                            <a href="#" class="text-white"><i class="zmdi zmdi-email zmdi-hc-fw mr-1"></i>info@spyre.com</a></p>
                    </div>

                    <ul class="mt-4 mt-lg-auto mb-5 mb-lg-0 list-unstyled list-inline">
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-twitter text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-instagram text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-facebook-box text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-pinterest text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-flickr text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-youtube text-white"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col d-flex flex-column mb-2 mt-3 pl-lg-7">
                <div class="row pt-5 pt-lg-8 pb-4 pb-lg-6">
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Services</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Design</a></li>
                            <li class="my-1"><a href="#" class="text-white">Development</a></li>
                            <li class="my-1"><a href="#" class="text-white">Themes</a></li>
                            <li class="my-1"><a href="#" class="text-white">CMS</a></li>
                            <li class="my-1"><a href="#" class="text-white">Mobile</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">About</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">About Us</a></li>
                            <li class="my-1"><a href="#" class="text-white">Contact</a></li>
                            <li class="my-1"><a href="#" class="text-white">The team</a></li>
                            <li class="my-1"><a href="#" class="text-white">Careers</a></li>
                            <li class="my-1"><a href="#" class="text-white">Locate store</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Help</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Sponsors</a></li>
                            <li class="my-1"><a href="#" class="text-white">FAQs</a></li>
                            <li class="my-1"><a href="#" class="text-white">Stories & Ideas</a></li>
                        </ul>
                    </div>
                </div>

                <div class="mt-auto d-flex justify-content-between">
                    <span class="fs--3 fs-lg--2">&copy; Spyre, 2019 Webinning Ltd.</span>
                    <div class="fs--3 fs-lg--2"><a href="#" class="mr-1 text-white">Privacy Policy</a>|<a href="#" class="ml-1 text-white">Cookie Policy</a></div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- End of Footer -->


<!-- Core Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/popper.js/dist/umd/popper.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- Vendor Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/rellax/rellax.min.js"></script>

<!-- Theme Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/dist/js/theme.min.js"></script>
</body>
</html>